<script>
export default {
  render() {
    const dialog = (
      <el-dialog
        {...{ attrs: this.$attrs }}
        {...{ on: this.$listeners }}
        close-on-click-modal={false}
      >
        {Object.keys(this.$slots).map((name) => (
          <template slot={name}>{this.$slots[name]}</template>
        ))}
      </el-dialog>
    )
    return <div>{dialog}</div>
  },
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog__header {
  padding-bottom: 20px;
}

::v-deep .el-dialog__body {
  @apply overflow-y-auto h-[578px] px-[35px] py-[20px];

  &::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: rgba(50, 50, 50, 0.25);
    border: 2px solid transparent;
    border-radius: 10px;
    background-clip: padding-box;
  }

  &::-webkit-scrollbar-track {
    background-color: rgba(50, 50, 50, 0.05);
  }
}
</style>
